<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./国内.css">
  <link rel="stylesheet" href="./热点视频.css">
  <link rel="stylesheet" href="./qqq.css">
  <link rel="stylesheet" href="./国外.css"> 
  <link rel="stylesheet" href="./导航栏.css"> 
  <link rel="stylesheet" href="./今日要闻.css"> 
  <link rel="stylesheet" href="./总和.css">
  

</head>
<body>
    <div  class="main">
        <div class="dhlheader">
            <div>
                <a href="#">下载APP</a>
                <a href="#">添加到桌面</a>
                <a href="#">关于网站</a>
                <a href="#">反馈</a>
                <a href="#">侵权投诉</a>
                <a href="#">无障碍</a>
                 <input class="anniu"  type="submit" value="注册">
                 <input class="anniu"  type="submit" value="登录">
                 
            </div>
        </div>

        <div class="dhl2">
            <div class="logo">
                <img src="./dhlimg/logo.png" alt="" width="90px" height="50px">
            </div>
            <div class="nav">
                <a href="#middle">首页</a>
                <a href="#container">实时</a>
                <a href="#domestic">国内</a>
                <a href="#abroad">国外</a>
                <a href="#other">其他</a>
            </div>
        </div>
    </div>
  <div class="middle">
        <!-- 开头视频-->
        <div class="content1">
          <video width="100%" src="./dhlimg/视频.mp4" autoplay muted loop></video>
        </div>

       <!-- 今日要闻 -->
       <div class="container" id="container">
        <!--主体这里我们要放入三个盒子，分别是左中右,要注意的是我们用margin进行三栏布局中间的栏是自适应的，所以中间的栏放在第三个。-->
        <div class="lside">
            <a href="https://www.chinanews.com.cn/gn/2024/05-05/10211256.shtml"><img src="./jrimg/青春.jpg" width="570px" height="350"></a>
        </div>
        
        <div class="rside">
            
            <h2>实时热点</h2>
            <div class="testjr">
               
            <ul>
                <li><a href="https://www.chinanews.com.cn/cul/2024/05-05/10211254.shtml"><span class="col1"></span>“五一”期间电影市场持续红火 释放文化消费热力</a></li>
                <li><a href="https://www.chinanews.com.cn/cj/shipin/cns-d/2024/05-04/news989081.shtml"><span class="col2"></span>渝湘高铁黄草乌江双线大桥全桥合龙</a></li>
                <li><a href="https://www.chinanews.com.cn/shipin/cns/2024/05-04/news989087.shtml"><span class="col3"></span>西安铁路局原创MV：展示青春力量</a></li>
                <li><a href="https://www.chinanews.com.cn/sh/shipin/cns/2024/05-04/news989067.shtml">【小新的Vlog】雨中“追火箭”有多壮观？ 第一视角带你…</a></li>
                <li><a href="https://www.chinanews.com.cn/sh/shipin/cns-d/2024/05-04/news989077.shtml">节假日不涨价 重庆一景区招募50名志愿者监督“价格刺客”</a></li>
                <li><a href="https://www.chinanews.com.cn/shipin/cns-d/2024/05-04/news989091.shtml">百余家国内外企业携特色产品参加西藏展销会</a></li>
                <li><a href="https://www.chinanews.com.cn/sh/shipin/cns-d/2024/05-05/news989129.shtml">玩的就是心跳 “五一”假期中外游客赴张家界感受极限刺激</a></li>    
            </ul>
          
            </div>
        </div>
        
    </div>




    <div class="country">
  <!-- 国内要闻 -->
 <div class="domestic" id="domestic">
  <div class="gntitle one">
    <h1>国内要闻</h1>
</div>

<div class="layout one">
  
    <div class="item one">
        <a
            href="https://tv.cctv.com/2024/04/30/VIDEsc7I3RcCfsieewIWtYPQ240430.shtml?spm=C94212.PBZrLs0D62ld.Ewq6JXbGyuuh.4"><img
                src="./images/important.jpg" alt="today" class="imgone">
            <h3 class="gntitle two">中国船企拿下全球最大单笔造船订单</h3>
            <p class="content one">29日，中国船舶集团与卡塔尔能源集团在北京签......</p>
        </a>
    </div>
    
    <div class="item two">
        <img src="./images/头条热榜.png" alt="" class="re">
        <h3 class="gntitle two">热榜</h3>
        <li><a href="https://www.toutiao.com/article/7363198944933102090/?log_from=e8148b669463_1714442303223"
                target="_blank"><span class="high first">1</span>
                <p class="content two">习近平将对欧洲三国进行国事访问</p>
            </a></li>
        <li><a href="https://www.toutiao.com/trending/7363255570461589538/?rank=1&log_from=26f804927eb5c_1714444864665"
                target="_blank"><span class="high second">2</span>
                <p class="content two">司法部原副部长刘志强被查</p>
            </a></li>
        <li><a href="https://www.toutiao.com/trending/7363203835432697868/?rank=2&log_from=c8b17cf84f2f9_1714444889729"
                target="_blank"><span class="high third">3</span>
                <p class="content two">媒体：我国首艘弹射型航母准备海试</p>
            </a></li>
        <li><a href="https://www.toutiao.com/article/7363169213894181402" target="_blank"><span
                    class="high comment">4</span>
                <p class="content two">“五一”假期小客车上高速继续免费</p>
            </a></li>
        <li><a href="https://www.toutiao.com/trending/7363254983002685494/?rank=4&log_from=8c0151adbd6b8_1714444915401"
                target="_blank"><span class="high comment">5</span>
                <p class="content two">南京胖哥被初诊为PTSD</p>
            </a></li>
        <li><a href="https://www.toutiao.com/trending/7361045445017177650/?rank=6&log_from=d0b9b56dcb8a4_1714444934425"
                target="_blank"><span class="high comment">6</span>
                <p class="content two">马斯克1天中国行 特斯拉市值涨6800亿</p>
            </a></li>
    </div>
    
    <div class="layout two">
        <div class="item three"><a
                href="https://www.toutiao.com/article/7363412789438546459/?log_from=41871b1c33dfa_1714450365218"><img
                    src="./images/热点-1.jpg" alt="" class="hot one">
                <p class="content three">闹大了！多地高校禁止学生“五一”自行组团旅游，媒体:别管太宽</p>
            </a></div>
        <div class="item three"><a
                href="https://www.toutiao.com/article/7363482480378167808/?channel=&source=news"><img
                    src="./images/热点-2.jpg" alt="" class="hot two">
                <p class="content three">新冠疫苗之父、首席科学家杨晓明被抓？打过3针疫苗网友瑟瑟发抖</p>
            </a></div>
            
        <div class="item three"><a
                href="https://www.toutiao.com/article/7362076653314376211/?channel=&source=search_tab"><img
                    src="./images/热点-3.jpg" alt="" class="hot three">
                <p class="content three">五一调休被骂上热搜？反转来了，听了专家一番话，网友表示支持</p>
            </a></div>
        <div class="item three"><a
                href="https://www.toutiao.com/article/7363467327993594403/?log_from=8c680aa3f622d_1714450172537"><img
                    src="./images/热点-4.jpg" alt="" class="hot four">
                <p class="content three">真可笑？今年五一劳动奖章获得者竟然没有一个农民工！</p>
            </a></div>
    </div>
</div>

</div>
<!-- 国外要闻 -->
<div class="abroad" id="abroad">
    <div class="ti one">
      <h1>国外要闻</h1>
  </div>
  <div class="gn">
  <div class="lay one">
    
      <div class="itm one">
          <a href="https://www.toutiao.com/article/7363282804685259318/">
              <img
              src="./imgpop/2024050413403258473.jpg" alt="today" class="imgo">
              <h3 class="ti two">以军空袭加沙地带多地 多人伤亡</h3>
              <p class="co one">据巴勒斯坦通讯社当地时间5月4日报道......</p>
          </a>
      </div>
      
      <div class="itm two">
          <img src="./imgpop/头条热榜.png" alt="" class="ra">
          <h3 class="ti two">热搜</h3>
          <li><a href="https://www.toutiao.com/article/7364686716529099316/"
                  target="_blank"><span class="hi one">1</span>
                  <p class="co two">俄罗斯突然开辟第二战场！</p>
              </a></li>
          <li><a href="https://www.toutiao.com/article/7363939751029752361/?log_from=afaec4fd31d5c_1714821567207"
                  target="_blank"><span class="hi two">2</span>
                  <p class="co two">美英在中东不宣而战</p>
              </a></li>
          <li><a href="https://www.toutiao.com/article/7363356439773069858/?log_from=2be9f02673b2a_1714821592636"
                  target="_blank"><span class="hi three">3</span>
                  <p class="co two">越南应警惕颜色革命......</p>
              </a></li>
          <li><a href="https://www.toutiao.com/article/7363205212774908457/?log_from=fb50608f8e7e5_1714821618666" target="_blank"><span
                      class="hi four">4</span>
                  <p class="co two">弄巧成拙美国给乌导弹......</p>
              </a></li>
          <li><a href="https://www.toutiao.com/article/7364770663158006326/?log_from=f80d605169313_1714821647724"
                  target="_blank"><span class="hi five">5</span>
                  <p class="co two">菲律宾人民集体击碎马科斯总统铜像！</p>
              </a></li>
          <li><a href="https://www.toutiao.com/article/7362714883017785919/?log_from=5345645753267_1714821709544"
                  target="_blank"><span class="hi six">6</span>
                  <p class="co two">乌克兰将成最大赢家？</p>
              </a></li>
      </div>
      
      <div class="lay two">
          <div class="itm three"><a
                  href="https://www.toutiao.com/article/7363936361201599030/?log_from=459d2a8e28bcd_1714826169001"><img
                      src="./imgpop/热1.jpg" alt="" class="ho q">
                  <p class="co three">阿拉法特的错误，造成了巴勒斯坦的苦难</p>
              </a></div>
          <div class="itm three"><a
                  href="https://www.toutiao.com/article/7364675659781751332/?log_from=63f58c3046a82_1714826264788"><img
                      src="./imgpop/热2.jpg" alt="" class="ho w">
                  <p class="co three">这三国曾是中国领土，脱离中国后有望回归吗？</p>
              </a></div>
              
          <div class="itm three"><a
                  href="https://www.toutiao.com/article/7363925054897308179/?log_from=36cef9237e233_1714826514282"><img
                      src="./imgpop/热3.jpg" alt="" class="ho e">
                  <p class="co three">阿尔巴尼亚新闻女主播西装内搭空气出镜，引发争议</p>
              </a></div>
          <div class="itm three"><a
                  href="https://www.toutiao.com/article/7353326489657524774/?log_from=79090d2bd36df_1714826713017"><img
                      src="./imgpop/热4.jpg" alt="" class="ho r">
                  <p class="co three">南斯拉夫解体分裂为6个国家，哪个混的最好？</p>
              </a></div>
      </div>
  </div>
  </div>
  </div>
  </div>
<!-- 热门视频 -->
<div class="video">
  <div class="header">
  <span>热门视频</span>
  <span>换一换</span>
  </div>
  <ul></ul>
  <div class="vtopic"></div>
  <ul>
    <li><div class="vid one" >
      <div class="image">
        <a href="https://www.toutiao.com/video/7363609137306927668/?channel=&source=search_tab" target="_blank"><img class="pic" src="./img/t1.jpeg" ></a>
        <p class="numbering test">1</p>
        <p class="duration test">03:16</p>
      </div>
      
      <div class="introduce">
        <a class="topic" href="https://www.toutiao.com/video/7363609137306927668/?channel=&source=search_tab" target="_blank" >你为什么要给下属传授这种经验</a>
        <p class="link">2万点赞</p>
        <span class="desc">238万次观看</span>
        <a class="author">陈翔六…</a>
      </div>
    </div></li>

    <li><div class="vid tow">
      <div class="image">
        <a href="https://www.toutiao.com/video/7363884125658284595/?log_from=75560ad0157a9_1714972692912" target="_blank"><img class="pic" src="./img/t2.jpeg" ></a>
        <p class="numbering test">2</p>
        <p class="duration test">00:42</p>
      </div>
      
      <div class="introduce">
        <a class="topic" href="https://www.toutiao.com/video/7363884125658284595/?log_from=75560ad0157a9_1714972692912" target="_blank">【海军福建舰出海开展首次航行试验】</a>
        <p class="link">1万点赞</p>
        <span class="desc">70万次观看</span>
        <a class="author">人民海军</a>
      </div>
    </div></li>

    <li><div class="vid three">
      <div class="image">
        <a  href="https://www.toutiao.com/video/7363654290084692517/?from_scene=all&log_from=97ac869402f0c_1714972808049" target="_blank"><img class="pic" src="./img/t3.jpeg" ></a>
        <p class="numbering test">3</p>
        <p class="duration test">09:49</p>
      </div>
      
      <div class="introduce">
        <a class="topic" href="https://www.toutiao.com/video/7363654290084692517/?from_scene=all&log_from=97ac869402f0c_1714972808049" target="_blank">外国朋友看到中国第一大城市夜景有多…</a>
        <p class="link">3万点赞</p>
        <span class="desc">124万次观看</span>
        <a class="author">汪汪在…</a>
      </div>
    </div></li>

    <li><div class="vid four">
      <div class="image">
        <a class="topic" href="https://www.toutiao.com/video/7363965440931922444/?log_from=98fd27af70eaf_1714972923938" target="_blank"><img class="pic" src="./img/t4.jpeg" ></a>
        <p class="numbering test">4</p>
        <p class="duration test">08:24</p>
      </div>
      
      <div class="introduce">
        <a class="topic" href="https://www.toutiao.com/video/7363965440931922444/?log_from=98fd27af70eaf_1714972923938"  target="_blank">小众路线太行山龙水天梯，两人冒险爬…</a>
        <p class="link">1万点赞</p>
        <span class="desc">39万次观看</span>
        <a class="author">用青春去…</a>
      </div>
    </div></li>
    <li><div class="vid free">
      <div class="image">
        <a href="https://www.toutiao.com/video/7363835656558903860/?log_from=17cbc493e51f9_1714972995826"  target="_blank"><img class="pic" src="./img/t5.jpeg" ></a>
        <p class="numbering test">5</p>
        <p class="duration test">17:24</p>
      </div>
      
      <div class="introduce">
        <a class="topic" href="https://www.toutiao.com/video/7363835656558903860/?log_from=17cbc493e51f9_1714972995826" target="_blank">外国小舅子又开上新车了，老丈人住院…</a>
        <p class="link">2万点赞</p>
        <span class="desc">55万次观看</span>
        <a class="author">娜塔莎一家</a>
      </div>
  </ul>
  <div class="ads">
    <div class="ad">
    <a href="https://ys.mihoyo.com/?utm_source=adbdsem&from_channel=adbdsem#/" target="_blank">
    <img src="./img/ys.jpg" class="ggt">
    
    <p>原神——在提瓦特的世界里，一切皆有可能！</p>
    </a>
    <img src="./img/gg.png" class="ggao">
    </div>
  </div>
</div>

<!-- 其他 -->
<div class="other" id="other">
  <!-- js -->

   <div class="jj">
        <div class="bt">
            <h2>经济</h2>
        </div>
        <div class="qtitem">
            <div class="aa">
                <div class="tp">
                    <a href="https://www.toutiao.com/article/7363541162726031913/?log_from=2fbf6626a11b9_1714730544631"
                        target="_blank">
                        <img src="./img/经济.png" alt="图片显示错误">
                    </a>
                </div>
                <div class="biaot">
                    <a href="https://www.toutiao.com/article/7363541162726031913/?log_from=2fbf6626a11b9_1714730544631"
                        target="_blank">
                        <h3>中美差距又扩大了！一季度中国GDP跌至美国的60%，究竟是何原因？</h3>
                    </a>
                </div>
            </div>

            <div class="nr nr-1">
                <p>
                    <span>2024年第一季度</span>进入尾声,<span>中美两国</span>本季度的<span>GDP</span>也已经新鲜出炉,我国第一季度GDP总量再次实现突破,达到<span>29.63万亿</span>。
                    然而,令人没有想到的是,我国<span>只增不减</span>的经济体量,却与美国之间的差距<span>越来越大</span>了,第一季度仅是美国的60%。
                    这到底是怎么回事，我国为何会与美国 <span>相差</span>这么多？我国什么时候才能<span>赶超</span>美国呢?<br>
                </p>
            </div>
            <hr>
        </div>

    </div>

    <div class="sh">
        <div class="bt">
            <h2>社会</h2>
        </div>
        <div class="qtitem">
            <div class="aa">
                <div class="tp">
                    <a href="https://www.toutiao.com/article/7363567063606067762/" target="_blank">
                        <img src="./img/社会.png" alt="图片显示错误">
                    </a>
                </div>
                <div class="biaot">
                    <a href="https://www.toutiao.com/article/7363567063606067762/
                " target="_blank">
                        <h3>广州一场冰雹，让1552万纯电车主“认清事实”，油车依旧值得信赖。</h3>
                    </a>
                </div>
            </div>
            <div class="nr nr-2">
                <p>
                    近日,<span>广州市</span>遭遇罕见的<span>冰雹天气</span>,<span>狂风暴雨</span>夹杂着冰雹肆虐,给市民<span>生活和出行</span>带来了极大不便。
                    这股突如其来的<span>极端气候</span>,更是给许多车主带来了<span>巨大损失</span>,尤其是日益增多的<span>纯电动汽车</span>用户群体，部分车辆在这场天气的袭击下不同程度受损，引发广泛关注。
                </p>
            </div>
            <hr>
        </div>
    </div>

<!-- fk -->


    <div class="jj">
        <div class="bt">
            <h2>法制</h2>
        </div>
        <div class="qtitem">
            <div class="aa">
                <div class="tp">
                    <a href="https://www.toutiao.com/article/7363578515533120000/?channel=&source=search_tab"
                        target="_blank">
                        <img src="./img/法制.png" alt="图片显示错误">
                    </a>
                </div>
                <div class="biaot">
                    <a href="https://www.toutiao.com/article/7363578515533120000/?channel=&source=search_tab"
                        target="_blank">
                        <h3>南宁一女孩遭多人校园霸凌，脱衣扒裤嘲笑，官方通报惹众怒！</h3>
                    </a>
                </div>
            </div>
            <div class="nr nr-3">
                <p>
                    <span>校园霸凌</span>真的是越来越猖狂了，再不管制，恐怕后果<span>不堪设想</span>!
                    近日，<span>广西南宁</span>发生一起<span>校园霸凌事件</span>，网传的视频让人看了后非常恼火，<span>多人殴打女孩</span>。
                    <span>4月29日</span>,相关的通报出来了,有8个人<span>行政拘留</span>,暂时没有<span>任何处罚</span>,还在调查中,大家都觉得
                    <span>处理结果太轻了</span>!
                </p>
            </div>
            <hr>
        </div>

    </div>
    
    <div class="sh">
        <div class="bt">
            <h2>科技</h2>
        </div>
        <div class="qtitem">
            <div class="aa">
                <div class="tp">
                    <a href="https://www.toutiao.com/article/7364675093982626356/?channel=&source=search_tab"
                        target="_blank">
                        <img src="./img/科技.png" alt="图片显示错误">
                    </a>
                </div>
                <div class="biaot">
                    <a href="https://www.toutiao.com/article/7364675093982626356/?channel=&source=search_tab
                " target="_blank">
                        <h3>嫦娥六号整装待发！此次“奔月”都有啥任务？</h3>
                    </a>
                </div>
            </div>
            <div class="nr nr-4">
                <p>
                    <span>嫦娥六号</span>整装待发！此次<span>“奔月”</span>都有啥任务？
                    截至目前,<span>全世界</span>从月球带回来的样品,都是来自<span>月球正面</span>。为了顺利带回<span>月球背面</span>的样品,科研人员为嫦娥六号设计了<span>11个阶段</span>的飞行任务。
                    到达<span>月球附近</span>,踩刹车进入环月轨道,整个探测器绕着<span>环月轨道</span>飞行。
                </p>
            </div>
            <hr>
        </div>
    </div>

</div>
</div>
<div class="bq">
<h3>版权声明</h3>
</div>





</body>
</html>